<div class="wraper ">
<nz-select class="body" class="righttext"  [ngClass]="{none:!editing }"  [(ngModel)]="value"  nzPlaceHolder="请选择"  (ngModelChange)="onChange($event)">
    <nz-option nzCustomContent nzLabel="否" [nzValue]="false">
      <i style="color:#DE0010" nz-icon nzType="close"></i>
     
    </nz-option>
    <nz-option nzCustomContent nzLabel="是" class="righttext"  [nzValue]="true">
        <i style="color: #0353CB;" nz-icon nzType="check" nzTheme="outline"></i>
  
    </nz-option>

</nz-select>
<span class="body" [ngClass]="{none:editing }">
    <i [ngClass]="{none:!bool }" style="color: #0353CB;" nz-icon nzType="check" nzTheme="outline"></i>
    <i [ngClass]="{none:bool }" style="color:#DE0010" nz-icon nzType="close"></i>
</span>

    <button class="toggle">
        <i   nz-icon [nzType]="editing?'check':'edit'" nzTheme="outline" (click)="editing = !editing"></i>

    </button>
</div>